<!doctype html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>征信云</title>
    <link rel="stylesheet" href="css/bootstrap.css"/>
    <link rel="stylesheet" href="css/jquery.fullPage.css"/>
    <link rel="stylesheet" href="css/iconfont.css"/>
    <link rel="stylesheet" href="css/swiper.css"/>
    <link rel="stylesheet" href="css/index.css"/>
</head>
<body>
<header id="header">
    <div class="link">
        <div class="container">
            <div class="row">
                <div class="col-xs-6">
                    <span>关注我们：</span>
                    <a class="icon" href="#">
                        <i class="iconfont icon-weixin"></i>
                    </a>
                    <a class="icon" href="#">
                        <i class="iconfont icon-logo-weibo"></i>
                    </a>
                </div>
                <div class="col-xs-6 login-btn">
                    <a class="pull-right" href="#">登录</a>
                    <a class="pull-right" href="#">注册</a>
                </div>
            </div>
        </div>
    </div>
    <div class="nav">
        <div class="container">
            <div class="row">
                <div class="col-md-2 col-sm-1 col-xs-4">
                    <a class="logo" href="#">
                        <img src="images/logo.png" alt="征信云"/>
                    </a>
                </div>
                <div class="col-md-10 col-sm-11 hidden-xs">
                    <ul class="nav-list">
                        <li>
                            <a href="#">风险技术</a>
                        </li>
                        <li>
                            <a href="#">产品服务</a>
                        </li>
                        <li>
                            <a href="#">行业方案</a>
                        </li>
                        <li class="on-li">
                            <a href="#">首页</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</header>
<ul id="right-nav">
    <li>
        <a class="sprite-nav sprite-nav-video" href="javascript:void(0);"></a>
    </li>
    <li>
        <a class="sprite-nav sprite-nav-gongsi" href="javascript:void(0);"></a>
    </li>
    <li>
        <a class="sprite-nav sprite-nav-customer-service" href="javascript:void(0);"></a>
    </li>
    <li>
        <a class="sprite-nav sprite-nav-tel" href="javascript:void(0);"></a>
        <div class="sprite-nav sprite-nav-tel-hover tel-hover"></div>
    </li>
    <li>
        <a class="sprite-nav sprite-nav-wx-sidebar" href="javascript:void(0);"></a>
        <div class="sprite-nav sprite-nav-weixin-hover weixin-hover"></div>
    </li>
    <li>
        <a class="sprite-nav sprite-nav-back-to-top" href="javascript:void(0);"></a>
    </li>
</ul>
<div id="fullpage">
    <!-- page1-->
    <section id="page1" class="section">
        <div class="p1-swiper">
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide slide1">
                        <h1>全球最大的</h1>
                        <h2>网籍库和海量风险数据库</h2>
                        <span class="num-box">
                            API海量调用
                            <span>58611562</span>
                        </span>
                    </div>
                    <div class="swiper-slide slide2">
                        <h1>5年专注大数据分析</h1>
                        <h2>实现反黑产的全套武器</h2>
                        <a class="video-link" href="#" target="_blank" title="观看视频">
                            <em class="video-icon"></em>
                            <span class="icon-text">观看视频</span>
                        </a>
                    </div>
                </div>
                <!--&lt;!&ndash; Add Arrows &ndash;&gt;-->
                <!--<div class="swiper-button-next"></div>-->
                <!--<div class="swiper-button-prev"></div>-->
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
            </div>
        </div>
        <div class="container-fluid">
            <div class="row item-bottom">
                <div class="col-sm-4 text-center">
                    <div class="item item1">
                        <h6>有效用户识别率</h6>
                        <div>
                            <span class="num">95.07</span>
                            <span>%</span>
                        </div>
                    </div>
                </div>
                <div class="col-sm-4 text-center">
                    <div class="item item2">
                        <h6>阻止风险交易金额</h6>
                        <div>
                            <span class="num">7.34</span>
                            <span>亿</span>
                        </div>
                    </div>
                </div>
                <div class="col-sm-4 text-center">
                    <div class="item item3">
                        <h6>减少欺诈损失</h6>
                        <div>
                            <span class="num">90.56</span>
                            <span>%</span>
                        </div>
                    </div>
                </div>
            </div>
            <div id="atom"></div>
        </div>
    </section>
    <!-- page2-->
    <section id="page2" class="section">
        <div class="container">
            <div class="row">
                <h1>移动互联网 群防群控</h1>
            </div>
            <div class="row">
                <p class="col-sm-12">
                    综合分析设备多方面属性，全方位立体化覆盖，防范网络攻击，识别有价值客户，控制风险减少损失。
                </p>
            </div>
            <div class="col-sm-12">
                <img class="" src="images/section-2-main-pic.png" width="100%" alt=""/>
            </div>
        </div>
    </section>
    <!-- page3-->
    <section id="page3" class="section">
        <div class="container">
            <div class="row text-center">
                <h1>产品服务</h1>
            </div>
            <div class="row">
                <div class="col-sm-4 text-center">
                    <div class="col-xs-12 item">
                        <div class="col-xs-4 col-sm-12">
                            <img src="images/section-3-icon-1.png" alt=""/>
                            <h3 style="color: #50F8DA;">设备指纹</h3>
                        </div>
                        <div class="col-xs-8 col-sm-12">
                            <div class="split hidden-xs"></div>
                            <p>跨平台的唯一设备ID</p>
                            <p>虚拟空间的在线身份识别</p>
                        </div>
                    </div>
                </div>
                <div class="col-sm-4 text-center">
                    <div class="col-xs-12 item">
                        <div class="col-xs-4 col-sm-12">
                            <img src="images/section-3-icon-2.png" alt=""/>
                            <h3 style="color: #BBB74F;">风险数据</h3>
                        </div>
                        <div class="col-xs-8 col-sm-12">
                            <div class="split hidden-xs"></div>
                            <p>实时风险数据检测</p>
                            <p>预防各类互联网欺诈</p>
                        </div>
                    </div>
                </div>
                <div class="col-sm-4 text-center">
                    <div class="col-xs-12 item">
                        <div class="col-xs-4 col-sm-12">
                            <img src="images/section-3-icon-3.png" alt=""/>
                            <h3 style="color: #FE785D;">大数据引擎</h3>
                        </div>
                        <div class="col-xs-8 col-sm-12">
                            <div class="split hidden-xs"></div>
                            <p>先进的风控模型</p>
                            <p>灵活通用的规则引擎</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- page4-->
    <section id="page4" class="section">
        <div class="container text-center">
            <div class="row">
                <h1>行业解决方案</h1>
            </div>
            <div class="row">
                <p class="col-sm-12">
                    针对差异化的行业特点，制定专业的反欺诈解决方案
                </p>
            </div>
            <div class="row item-wrap">
                <a class="col-xs-6 col-sm-3 item" href="javascript:void(0);">
                    <i class="sprite sprite-home"></i>
                    <div class="icon-text">银行机构</div>
                    <div class="text-en hidden-xs">Banking</div>
                </a>
                <a class="col-xs-6 col-sm-3 item" href="javascript:void(0);">
                    <i class="sprite sprite-phone"></i>
                    <div class="icon-text">移动支付</div>
                    <div class="text-en hidden-xs">Mobile Payment</div>
                </a>
                <a class="col-xs-6 col-sm-3 item" href="javascript:void(0);">
                    <i class="sprite sprite-car"></i>
                    <div class="icon-text">电子商务</div>
                    <div class="text-en hidden-xs">E-Commerce</div>
                </a>
                <a class="col-xs-6 col-sm-3 item" href="javascript:void(0);">
                    <i class="sprite sprite-share"></i>
                    <div class="icon-text">社交网络</div>
                    <div class="text-en hidden-xs">Social Networking</div>
                </a>
                <a class="col-xs-6 col-sm-3 item" href="javascript:void(0);">
                    <i class="sprite sprite-p2p"></i>
                    <div class="icon-text">P2P网贷</div>
                    <div class="text-en hidden-xs">P2P Lending</div>
                </a>
                <a class="col-xs-6 col-sm-3 item" href="javascript:void(0);">
                    <i class="sprite sprite-smile"></i>
                    <div class="icon-text">游戏平台</div>
                    <div class="text-en hidden-xs">Online Gaming</div>
                </a>
                <a class="col-xs-6 col-sm-3 item" href="javascript:void(0);">
                    <i class="sprite sprite-ad"></i>
                    <div class="icon-text">广告营销</div>
                    <div class="text-en hidden-xs">Advertisement</div>
                </a>
                <a class="col-xs-6 col-sm-3 item" href="javascript:void(0);">
                    <i class="sprite sprite-bao"></i>
                    <div class="icon-text">保险证券</div>
                    <div class="text-en hidden-xs">Insurance&Securities</div>
                </a>
            </div>
        </div>
    </section>
    <section id="page5" class="section">
        <h1>我们的客户</h1>
        <div class="p5-swiper">
            <div class="container">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide slide1">
                            <div class="row text-center">
                                <div class="col-xs-6 col-sm-3"><img class="img-responsive" src="images/jd.jpg"></div>
                                <div class="col-xs-6 col-sm-3"><img class="img-responsive" src="images/jd.jpg"></div>
                                <div class="col-xs-6 col-sm-3"><img class="img-responsive" src="images/jd.jpg"></div>
                                <div class="col-xs-6 col-sm-3"><img class="img-responsive" src="images/jd.jpg"></div>
                                <div class="col-xs-6 col-sm-3"><img class="img-responsive" src="images/jd.jpg"></div>
                                <div class="col-xs-6 col-sm-3"><img class="img-responsive" src="images/jd.jpg"></div>
                                <div class="col-xs-6 col-sm-3"><img class="img-responsive" src="images/jd.jpg"></div>
                                <div class="col-xs-6 col-sm-3"><img class="img-responsive" src="images/jd.jpg"></div>
                            </div>
                        </div>
                        <div class="swiper-slide slide2">
                            <div class="row text-center">
                                <div class="col-xs-6 col-sm-3"><img class="img-responsive" src="images/jd.jpg"></div>
                                <div class="col-xs-6 col-sm-3"><img class="img-responsive" src="images/jd.jpg"></div>
                                <div class="col-xs-6 col-sm-3"><img class="img-responsive" src="images/jd.jpg"></div>
                                <div class="col-xs-6 col-sm-3"><img class="img-responsive" src="images/jd.jpg"></div>
                                <div class="col-xs-6 col-sm-3"><img class="img-responsive" src="images/jd.jpg"></div>
                                <div class="col-xs-6 col-sm-3"><img class="img-responsive" src="images/jd.jpg"></div>
                                <div class="col-xs-6 col-sm-3"><img class="img-responsive" src="images/jd.jpg"></div>
                                <div class="col-xs-6 col-sm-3"><img class="img-responsive" src="images/jd.jpg"></div>
                            </div>

                        </div>
                    </div>
                    <!--&lt;!&ndash; Add Arrows &ndash;&gt;-->
                    <div class="swiper-button-next"></div>
                    <div class="swiper-button-prev"></div>
                </div>
            </div>
        </div>
    </section>
</div>
</body>

<!--[if lt IE 9]>
<script src="js/html5shiv.min.js"></script>
<script src="js/respond.min.js"></script>
<script src="js/jquery-1.12.1.min.js"></script>
<![endif]-->
<!--[if gte IE 9]>
<script src="js/jquery-2.2.1.min.js"></script>
<![endif]-->
<!--[if !IE]><!-->
<script src="js/jquery-2.2.1.min.js"></script>
<!--<![endif]-->
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.fullPage.min.js"></script>
<script src="js/swiper.jquery.js"></script>
<script src="js/jquery-ui-1.10.3.min.js"></script>
<script src="js/svg.min.js"></script>
<script src="js/index.js"></script>
</html>